<!DOCTYPE html>
<html>
<head>
<title>#{get 'title' /}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="screen"
	href="@{'/public/stylesheets/main2.css'}">
<link href="@{'/public/stylesheets/facebox.css'}" media="screen" rel="stylesheet" type="text/css" />

#{get 'moreStyles' /}


<script src="@{'/public/javascripts/jquery-latest.js'}" type="text/javascript" charset="utf-8"></script>

<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">


<script src="@{'/public/javascripts/gen_validatorv4.js'}"
	type="text/javascript" charset="utf-8"></script>
	


<!-- Script for drop-down menu navigation -->
<script type="text/javascript">
	
$.noConflict();

	function nav() {
		jQuery('div#nav ul li').mouseover(function() {
			jQuery(this).find('ul:first').show();
		});

		jQuery('div#nav ul li').mouseleave(function() {
			jQuery('div#nav ul li ul').hide();
		});

		jQuery('div#nav ul li ul').mouseleave(function() {
			jQuery('div#nav ul li ul').hide();
			;
		});
	};

	jQuery(document).ready(function() {
		nav();
	});
	
	
	
</script>



<script src="@{'/public/javascripts/facebox.js'}" type="text/javascript"></script>
  <script type="text/javascript">
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox({
        loading_image : @{'/public/images/O.png'},
        close_image   : @{'/public/images/O.png'}
      })
      location.reload(); 
    })
  </script>
  <style type="text/css">
	.my-groovy-style {
		color: yellow;
		background-color: purple;
	}
	
	.my-groovy-style img {
		width: 100px;
		height: 100px;
	}
  </style>	

#{get 'moreScripts' /}

</head>
<body onload="new Accordian('basic-accordian',5,'header_highlight');" >

	<div id="nav">
		<ul>

			<li><a href="@{Application.index}">Home</a>
			</li>

			<li><a href="#">Profile</a>
				<ul class="submenu">
					<li><a href="@{UserController.Profile()}">My Profile</a>
					</li>
					<li><a href="@{Tags.showUserTags()}">Show Subscribed Tags</a>
					</li>
					<li><a href="@{Usercontroller.logout()}">Logout</a>
					</li>
				</ul></li>

			<li><a href="#">Organizations</a>
				<ul class="submenu">
					<li><a href="@{Organizations.createOrganization}">Create an
							Organization</a>
					</li>
				<li><a href="@{Organizations.showAllOrganizations}">

							Organizations</a>
					</li>
					

				</ul></li>
				
				<li><a href="#">Drafts</a>
				<ul class="submenu">
					<li><a href="@{DraftController.createDraft()}">Create Draft</a>
					</li>
					<li><a href="@{DraftController.allDrafts()}">Show All My Drafts</a>
					</li>

				</ul></li>

			
			
			<li><a href="#">Idea</a>
				<ul class="submenu">
					<li><a href="@{PostingIdea.ShowUserIdeas()}">Show My Ideas</a></li>
				</ul>
			</li>
			

			<li><a href="javascript: jQuery.facebox({ajax:'@{Notifications.showNotification}'});">Notifications</a>
			</li>

			<li><a href="@{Invitations.showInvitations()}">Invitations</a>
			</li>
			
			<li><a href="@{AdvancedSearch.searchHome}">Advanced Search</a>
			</li>
			
			
			<li><a href="#">Community</a>
				<ul class="submenu">
					<li><a href="@{Communities.communityCreation()}">Create a Community</a></li>
					<li><a href="@{Communities.getUserCommunities()}">Show my Communities</a></li>
					<li><a href="@{Communities.getAllCommunities()}">Show related Communities</a></li>
				</ul>
			</li>
			
			<li><form action="@{QuickSearch.quickSearchResults()}" method="GET">
					<input name="search" type="text"  required /> <input
						value="Search" type="submit" />
				</form></li>

		</ul>
	</div>
	<br /> #{doLayout /}

	<div id=foot>
		<h3 style="text-align: center">&copy; TopSoft 2011</h3>

	</div>
	

	
</body>
</html>

